<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:fragment="head">
	<title th:text="#{project.title}"></title>
	<meta name="keywords" th:content="#{meta.keyword}"></meta>
	<meta name="description" th:content="#{meta.description}"></meta>
	<meta name="format-detection" th:content="#{meta.format-detection}"></meta>
	<link type="image/x-icon" rel="shortcut icon" th:href="@{/favicon.ico}" />
	<link type="text/css" rel="stylesheet" th:href="@{/js/layui/css/layui.css}" />
	<link type="text/css" rel="stylesheet" th:href="@{/css/global.css}" />
	<link type="text/css" rel="stylesheet" th:href="@{/css/panel.css}" />
	<script type="text/javascript" th:src="@{/js/layui/layui.js}"></script>
	<script type="text/javascript" th:src="@{/js/global.js}"></script>
</head>

<body >

<div class="layui-header" th:fragment="crane"  >

	<img src="/images/logo_white.png" style="width: 200px;height: 50px;margin-left: 20px;margin-bottom: 5px;"/>
	<a th:href="@{${@hostConfig.DRONE_PORTAL}}" ><label th:text="${@hostConfig.NAME}" style="line-height:50px; color: #fff; font-size: 1.5em; text-indent: 10px; padding-left: 10px; width: 200px; overflow: hidden;"></label></a>
	<label style="line-height:50px; color: #fff; font-size: 1.5em; text-indent: 10px; padding-left: 10px; width: 200px; overflow: hidden;cursor: pointer;"> - </label>
	<a th:href="@{${@hostConfig.DRONE_IQGC}}" ><label th:text="#{project.title}" style="line-height:50px; color: #fff; font-size: 1.2em; text-indent: 10px; padding-left: 10px; width: 200px; overflow: hidden;"></label></a>
	
	<ul class="layui-nav layui-layout-right">
	    
	    <li class="layui-nav-item layui-hide-xs" lay-unselect="">
	        <a href="javascript:void(0)" onclick="history.go(-1)" title="返回上级">
	          	<i class="layui-icon layui-icon-return" style="font-size: 20px;"></i>
	        </a>
	    </li>
	    
	    <li class="layui-nav-item layui-hide-xs" lay-unselect="">
	        <a th:href="@{${@hostConfig.DRONE_IQGC}}" title="返回首页">
	          	<i class="layui-icon layui-icon-home" style="font-size: 20px;"></i>
	        </a>
	    </li>
		
		<li class="layui-nav-item" lay-unselect="">
	        <a href="javascript:location.reload();" layadmin-event="refresh" title="刷新页面">
	          	<i class="layui-icon layui-icon-refresh-3" style="font-size: 20px;"></i>
	        </a>
     	</li>
		<li class="layui-nav-item layui-hide-xs" lay-unselect>
			<a id="fullScreen" href="javascript:fullScreen();" title="全屏模式">
				<i class="layui-icon layui-icon-screen-full" style="font-size: 20px;"></i>
			</a>
			<a id="exitScreen" href="javascript:exitScreen();" title="窗口模式" style="display: none;">
				<i class="layui-icon layui-icon-screen-restore" style="font-size: 20px;"></i>
			</a>
		</li>

		<li class="layui-nav-item layui-hide-xs" lay-unselect>
			<a id="mobile" title="移动端">
				<i class="layui-icon layui-icon-cellphone-fine" style="font-size: 20px;"></i>
			</a>
		</li>
		<li class="layui-nav-item layui-hide-xs" lay-unselect="" id="sarm">
			<a href="javascript:;" layadmin-event="about"><i class="layui-icon layui-icon-more-vertical" style="font-size: 20px;"></i></a>
		</li>
	</ul>
	

	<script type="text/javascript">
	
        $(document).ready(function(){
            
			$("#mobile").click(function () {

				layer.open({
					type : 2,
					title : false,
					anim:2,
					icon:2,
					area : [ '500px', '500px' ],
					content : '/mobile'
				});

			});
            forheight();
            function forheight(e) {
                var wh=$(window).height();
                if($("body div").hasClass("dark")){
                    $(".lbheight").css("min-height",wh-100+"px");
                }else{
                    $(".lbheight").css("min-height",wh-118+"px");
				}
                $(".rbheight").css("min-height",wh-118+"px")
            }
            window.onresize = function(){
                forheight();
            }

        });
        

	</script>
	
	
</div>



<span th:fragment="bread(key)" class="layui-breadcrumb" lay-filter="breadcrumb" style="visibility: visible;">
	  <a th:href="@{/}">首页</a><span lay-separator="">/</span>
	  <a style="cursor: pointer;" th:text="${key}"></a>
</span>

<div th:fragment="about">
	<a th:href="@{${@hostConfig.DRONE_WWW}}">关于我们</a> | <a th:href="@{${@hostConfig.DRONE_WWW}}">联系我们</a> | <a th:href="@{${@hostConfig.DRONE_WWW}}">法律声明</a>| <a th:href="@{${@hostConfig.DRONE_WWW}}">隐私政策</a> | <a th:href="@{${@hostConfig.DRONE_WWW}}">网站地图</a>
</div>

<div th:fragment="copy">
	Copyright © <font th:text="#{project.copyright}"></font> <font th:text="#{company.enname}"></font>. All Rights Reserved. <font th:text="#{project.icp}"></font>
</div>

<div th:fragment="contact">
	Email : <font th:text="#{company.email}"></font> Tel : <font th:text="#{company.tel}"></font>
</div>

<div th:fragment="foot">
	<div th:replace="web/common::about"></div>
	<div th:replace="web/common::copy"></div>
	<div th:replace="web/common::contact"></div>
</div>

<script th:fragment="tail">



</script>
</body>
</html>
